跳到主要内容

CSS 弹性盒伸缩

阐述

  • flex-basis 可以改变它在主轴上的推荐长度
  • flex-grow 使元素在采取 fit-content 仍有空余空间时增长,数值为相对比例
  • flex-shrink 使元素在采取 min-contentfit-content 之间的大小时缩短,数值为相对比例
  • flex: a b c 等价于 flex-grow: aflex-shrink: bflex-basis: c,但是如果不提供长度则 c = 0
  • min-content 仍不足以塞下元素时,它们会溢出或者折行(flex-wrap

实例

性质

相关内容

参考文献